<!DOCTYPE html>
<html lang="zh-cn" xmlns:th="http://www.thymeleaf.org">
<head>
    <title><th:block th:text="${i18n.key24}"></th:block></title>
    <meta name="keywords" th:content="${companyProfile.seoKeyword}"/>
    <meta name="description" th:content="${companyProfile.seoDescription}"/>
    <link rel="Shortcut Icon" href="/favicon.ico"/>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0,minimum-scale=1.0,user-scalable=0">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" href="../static/css/animate.css">
    <link rel="stylesheet" href="../static/css/swiper-3.4.2.min.css">
    <link rel="stylesheet" href="../static/css/css.css">
    <link rel="stylesheet" href="../static/css/show-case.css">
</head>
<body ontouchstart="" data-ind="3">
<style>
    table {
        margin: 0px auto;
    }
</style>
<!--#include file="/public/html/header.html"-->
<div th:replace="header :: header"></div>

<div id="banner-box">
    <img src="http://120.25.100.147/uploads/nrd/show-case.jpg" alt="banner">
    <div class="inbox">
        <div class="title-box">
            <div class="cn wow fadeInUp_qs50" ms="ms"><th:block th:text="${i18n.key24}"></th:block></div>
        </div>
        <div class="info wow fadeInUp_qs50" ms="ms"></div>
    </div>
</div>
<div class="k-box wow fadeInUp_qs50" ms="ms">
    <div id="navbar-box">
        <div class="inbox clearfix">
            <a href="javascript:;"><th:block th:text="${i18n.key24}"></th:block></a>
        </div>
    </div>
</div>
<div class="news_a">
    <div class="wrap">
        <ul class="clearfix news-ul">
            <li class="hoverbtn wow fadeInUp_qs50" ms="ms" th:each="n: ${news}">
                <a th:href="'/case_detail_' + ${n.id}" rel="noopener noreferrer" block="">
                    <div class="imgbox">
                        <img th:src="${n.img}" alt="">
                    </div>
                    <div class="text-box">
                        <div class="tl" th:text="${session.lang == 'en' ? n.titleEn : n.title}">工业4.0为仪器仪表转型升级指明方向</div>
                    </div>
                    <img src="/static/image/case/see-img.png" class="see-img" alt="">
                </a>
            </li>
        </ul>
        <div class='pages'></div>
    </div>
</div>
<!--#include file="/public/html/footer.html"-->
<div th:replace="footer :: footer"></div>
</body>
<script src="../static/js/swiper-3.4.2.min.js"></script>
<script src="../static/js/jquery-1.11.3.min.js"></script>
<script src="../static/js/wow.min.js"></script>
<script src="../static/js/common.js"></script>
<script src="../static/js/utils.js"></script>
<script>
    var _params = getQueryParams()
    $('#navbar-box a').eq(_params.type == undefined || _params.type == 0 ? 0 : 1).addClass('cur')
    $('#navbar-box').on('click', 'a', function () {
        $(this).addClass('cur').siblings().removeClass('cur')
    })
</script>
</html>